<template>
	<view class="container">
		<view class="container-icon">
			<view class="center">
				<p style="margin: 0%; font-size: 15px;">主页</p>
			</view>
			<view>
				<van-icon size="32" name="plus" />
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
</script>

<style>
#page {
	height: 100%;
	width: 100%;
}
.container {
	height: 100%;
	width: 100%;
}
.container-icon {
    display: flex;
    background-color: white;
	height: 10%;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px rgba(0, 0, 0, 0.13) solid;
    width: 100%;
    position: relative; /* 为子元素的绝对定位提供参考 */
    .icon {
        position: absolute; /* 绝对定位 */
        left: 16px; /* 距离左侧 16px */
        display: flex;
        align-items: center;
    }
    .center {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
}
</style>
